// 下方border-1px
@mixin border-1px($borderColor) {
  position: relative;
  &::after {
    display: block;
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid $borderColor;
  }
}
// 全部border-1px
@mixin border-all-1px($borderColor) {
  position: relative;
  &::after {
    display: block;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid $borderColor;
    border-radius: 10px;
  }
}
// 垂直1px
@mixin vertical-1px($borderColor) {
    border-right: 1px solid $borderColor;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.border-1px{
		&::after{
				transform: scaleY(0.7);
		}
	}

  .border-all-1px{
		&::after{
        transform-origin: left top;
        width: 100%;
        height: 100%;
				transform: scale(0.7);
        border-radius: 10px;
		}
	}
  .vertical-1px {
    transform: scaleX(0.7);
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
	.border-1px{
		&::after{
				transform: scaleY(0.5);
		}
	}

  .border-all-1px{
		&::after{
        width: 200%;
        height: 200%;
        transform-origin: left top;
				transform: scale(0.5);
        border-radius: 10px;
		}
	}

  .vertical-1px {
    transform: scaleX(0.5);
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 3) {
	.border-1px{
		&::after{
				transform: scaleY(0.3333333333);
		}
	}

  .border-all-1px{
		&::after{
        transform-origin: left top;
        width: 300%;
        height: 300%;
				transform: scale(0.3333333333);
        border-radius: 10px;
		}
	}

  .vertical-1px {
    transform: scaleX(0.33333333333);
  }
}



